<template>
  <div>
    douPeople
    <input type="text" v-model="text" style="border: 1px solid red">
    <button @click="getData()">获取数据</button>
    <ul class="list">
      <li v-for="m in moveList">{{m.title}}</li>
    </ul>
  </div>
</template>

<script>
  export default {
    data(){
      return {
        text: '',
        moveList: ''
      }
    },
    components: {},
    methods: {
      getData(){
        this.axios({
          url: "api/v2/movie/search?q={" + this.text + "}",
          method: 'get'
        }).then((res) => {
          this.moveList = res.data.subjects;
          console.log(11111111111);
          console.log(this.moveList)
        })
      }
    }
  }
</script>
<style lang="css">
.list{
  margin-left: 100px;
}
</style>
